<template>
  <div class="container">
      <div v-for="(item, index) in dataSurce" :key="index" class="item" :style="{top: item[0]+'px', left: item[1]+'px'}"></div>
  </div>
</template>

<script>
export default {
    name: '',
    data () {
        return {
            dataSurce: []
        }
    },
    created () {
        this.getData()
    },
    methods: {
        getData () {
            for (let i = 0; i < 500; i++) {
                this.dataSurce.push([Math.random()*10, Math.random()*20])
            }
        }
    }
    
}
</script>

<style>

.item{
    height: 2px;
    width: 2px;
    position: relative;
    background-color: rebeccapurple;
}
</style>